<div ng-init="init();" class="kmi-layout-content B0405-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'B0405.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">              
                <label class="label" ng-bind="'B0405.sn_no' | translate"></label>
                <input ng-keypress="input_sn_no($event);" ng-model="sn_no" id="sn_no" />
                <div class="tip qrcode" ng-click="SNCodeScanner();">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>      
            <div class="kmi-list column-selector" column-selector-id="plot_info_detail" style="margin-bottom: 20px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="filter" ng-show="filterSH.item_no">
                            <input ng-model="list_filter.item_no">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterSH.item_no = false;list_filter.item_no = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterSH.item_no">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterSH.item_no = true">search</i>
                            <label ng-bind="'B0405.list.column01'| translate"></label>
                        </div>
                    </div>
					<div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="filter" ng-show="filterSH.item_name">
                            <input ng-model="list_filter.item_name">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterSH.item_name = false;list_filter.item_name = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterSH.item_name">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterSH.item_name = true">search</i>
                            <label ng-bind="'B0405.list.column02'| translate"></label>
                        </div>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column05' | translate"></div>
                    <div class="kmi-list__column hide" style="flex:1;" ng-bind="'B0405.list.column11' | translate"></div>
                    <div class="kmi-list__column require" ng-show="isB0225" style="flex:0 0 84px;"></div> 
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in warehouseInfo.plot_info_detail |filter:list_filter track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemCheck($index,item);">
                                    <img src="image/icons/delete1.png"></img>
                                </button>
                        </div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.barcode"></div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.productno"></div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.productversion"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.mono"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.barcodeqty"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.instate"></div>                       
                        <div class="kmi-list__column kmi-column-button" style="flex:0 0 84px;" ng-show="isB0225"
                            ng-class="{'button-hide':item.DOFlag == 2}">
                            <label ng-bind="'B0225.title' | translate"></label>
                            <div class="kmi-can-click" ng-click="callB0225(item);"></div>
                            <label class="sub_product" ng-bind="'B0405.sub_product' | translate"><label>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="kmi-list column-selector" column-selector-id="selectedList">
                <div class="kmi-list__header">
                    
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column01' | translate"></div>
					<div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column06' | translate"></div>
					<div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column05' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0405.list.column07' | translate"></div>
                    
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row"
                         ng-repeat="item in selectedList track by $index">                       
						<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.barcode"></div>
						<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.lotno"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.lotqty"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.lotproductdate"></div>                     
                    </div>
                </div>
            </div>

        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                    ng-click="confirm();" ng-disabled="selectedList.length==0">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
